const path = require('path');
const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
    mode: 'development',//是否压缩
    entry: ['./src/main1.js', './src/main2.js', './css/style.css'],
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'bundle.js'
    },
    module: {  //用来配置一些加载器
        rules: [  //配置规则
            {
                test: /\.css$/, // 以.css为后缀的文件
                use: ['style-loader', 'css-loader']
                // use 要用哪些加载器， css-loader让webpack认识css文件，style-loader用来处理css样式
            },
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({ // 从一个已存在的 loader 中，创建一个提取(extract) loader。
                    fallback: "style-loader",
                    use: "css-loader"
                })
            },
            {
                test: /\.js$/,
                use: 'babel-loader',
                exclude: /node_modules/
            }
        ]
    },
    //分离css文件
    plugins: [
        new ExtractTextPlugin("style.css")
    ]
}